<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="../comm/xy-pop.css"/>
    <link rel="stylesheet" type="text/css" href="./order.css">
    <title>订单详情</title>
    <style type="text/css">
    	.order-goods{
    		margin: 0 0 60px;
    	}
    	.order_yzc{
    		width: 22px;display: inline-block;margin: -2px 0 0;vertical-align: middle;
    	}
    	.order-detail-btn a{
    		background: #fe830b;
    	}
    </style>
</head>

<body>
	<div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">确认订单</span>
      	</div>
  	</div>
  	<div class="container top-container" v-if="list != ''">
  		<div class="order-address">
  			<p class="" v-if="list.address == ''" @click="goOrderAddressAdd">
  				<img src="../../../image/shop/buy/buy-03.png"/>暂无收货地址，立即添加
  			</p>
  			<div v-if="list.address != ''" @click="orderAddressSelect"  :data-addressid="list.address.address_id || list.address.id">
  				<h2><b v-html="'收货人：'+list.address.name"></b><span v-html="list.address.phone"></span></h2>
  				<p v-html="'收货地址：'+list.address.province + list.address.city + list.address.district + list.address.address"></p>
  				<img src="../../../image/shop/buy/buy-16.png"/>
  			</div>
  			<img src="../../../image/shop/buy/buy-15.png"/>
  		</div>
  		<div class="order-goods" ref="orderGoodsFather">
  			<div class="order-goods-list" v-for="(item,index) in list.shop_list" :data-orderid="item.id">
	  			<h2>
	  				<img src="../../../image/shop/buy/buy-17.png"/> <span v-html="item.shop_name"></span>
	  			</h2>
	  			<div class="order-goods-detail" v-for="goods in item.goods_list" :data-goodsid="goods.goods_id" @click="goGoodsDetail">
		  			<div>
		  				<img :src="goods.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
		  			</div>
		  			<h3 v-html="goods.goods_name"></h3>
		  			<span v-html="'型号：'+goods.option_name"></span>
		  			<p style="bottom: 6px;">
		  				<img src="../../../image/shop/yzc_icon.png" class="order_yzc" style="margin-left: -2px;"/><b v-html="+goods.price"></b><i v-html="'x'+goods.quantity"></i>
		  			</p>
	  			</div>
          <div class="order-goods-fee" v-if="item.express_amount">
	  				<span>运费</span>
		  			<span style="color: red;font-weight: 500" v-html="'¥'+item.express_amount.toFixed(2)"></span>
	  			</div>
	  			<div class="order-goods-msg">
	  				<span>买家留言</span>
		  			<input type="text" class="shop-msg-txt" name="" id="" value="" :data-name="item.shop_name" :data-shopcode="item.shop_code" placeholder="请输入留言" />
	  			</div>
	  			<div class="order-goods-small">
	  				<img src="../../../image/shop/yzc_icon.png" class="order_yzc" />
  					<span class="shopTotalMoney" v-html="item.goods_amount.toFixed(2)"></span>
	  			</div>
  			</div>
  		</div>
  		<div class="order-detail-btn">
  			合计：
        <div class="order-detail-fee" v-if="list.goodsExpressAmount">
          <!-- <span>运费</span> -->
          <span v-html="'¥ '+list.goodsExpressAmount.toFixed(2)"></span> +
        </div>
        <img src="../../../image/shop/yzc_icon.png" class="order_yzc" />
  			<b v-html="list.goods_total_amount.toFixed(2)" id="orderTotalMoney"></b>
  			<a href="javascript:void(0)" @click="goCreateOrderSubmit">提交订单</a>
  		</div>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./order.js"></script>
</html>
